Table of Contents

Character Highlighting

• Bold Text
  
• Italicized Text
  
• Underlined Text
  
• Emphasized Text
  
• Strong Text
  
• Code Text
  
• Citation Text
  
• Keyboard Text
  
• Sample Text
  
• Teletype Text
  
• Variable Element Text
  
• Bold and Italicized Text
  

Back to Table of Contents

Headings

• Heading 1

• Heading 2

• Heading 3

• Heading 4

• Heading 5

• Heading 6

Back to Table of Contents

Fonts

• Font Faces
  • Times New Roman
  • Arial
  • ±╕(6 (WingDings)
• Font Sizes 1 2 3 4 5 6 7 6 5 4 3 2 1
• FONT COLORS

• Subscripts and Superscripts
  • H₂SO₄
  • R² = X² + Y²

Back to Table of Contents

Lists

1. Line 1
2. Line 2

Unordered List

• Line 1
• Line 2

Definition List

Term 1

Term 1's definition

Term 2

Term 2's definition

Directory List (looks just like unordered list)

Menu List (looks just like unordered list)

Lists can be nested in various ways

1. First Item
   • First Sub Item
     • First Sub Sub Item
     • Second Sub Sub Item
   • Second Sub Item
2. Second Item

Back to Table of Contents

HTML Graphics

Images can be used as hotspots and work just like text links.

Transparent images like these allow the background to show through.

Left and right floating images, shown here, are appropriate for large images as text can flow around them automatically.

The image on the right has the IsMap attribute set. When used as a link, the pixel coordinates of the click spot are transmitted with the URL. These can be used to direct the link to a target appropriate for that area of the image.

The image with the arrows demonstrates client side image mapping. The UseMap attribute points to an image map definition describing the hot areas of the image.

Images may be sized using the height and width attributes.

ThtmlViewer supports Bitmap, GIF, JPEG, and PNG images using a subset of ImageLib's graphics package.

Back to Table of Contents

Special Characters

• The characters <, >, &, and " have special significance in the HTML language. They can be entered as &lt;, &gt;, &amp;, and &quot; respectively. (Note the semicolon in the syntax).

• Non keyboard characters may be entered in the form &#NNN; where NNN is the decimal number representing the character. For instance, the © copyright symbol may be entered as &#169; (&copy; also works).

• Some characters in the Latin entity set also have special symbols by which they may be entered. For example, A with a grave accent, À, is entered as &Agrave;.

Back to Table of Contents

Address Text

Preformated Text

This is preformated text, <pre>.  Multiple spaces    and
carriage returns are recognized.  Preformated text won't
wrap.  It can have hot spots too. 

Blockquote Text

This is blockquote text. It is used to indicate text quoted from another source. Here it is rendered as indented plain text.

Back to Table of Contents

Tables

Many other variations of Tables are shown in the Table Tutorial.

Back to Table of Contents

HTML Forms

Pizza Order Name: Address: Topping   Cheese   Pepperoni   Onion Size   10 in   12 in   16 in Payment Method   Cash Visa M/C Check Special Instructions No Special Instructions

Back to Table of Contents